import React from "react";


export function Card(props){
    let getInfo = ()=> {
        if (props.info === null )
            return "";
        else {
            let a = props.info;

            return <div className="card-title text-center">
                <strong>{props.info}</strong>
                    </div>;
        }

    }
    return <div className="card m-2" style={{minWidth: "200px", minHeight: "20vh"}}>
        {<div className="card-header">
                    {props.header}
                </div>}
                {getInfo()}

                <div className="card-body ">
                    {props.children}
                </div>
            </div>
}